<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/* nth-child() 可以选择父元素里面一个或多个特定的子元素 里面的n还可以是关键字 */
			/* 隔行选择 */
			/* odd奇数 even偶数 */
			.a  li:nth-child(odd) {
				background-color: #ccc;
			}

			.a  li:nth-child(even) {
				background-color: gray;
			}

			/* nth-child() 可以选择父元素里面一个或多个特定的子元素 里面的n还可以是公式 */
			
			/* nth-child(n) 里面是n表示从0开始每次加1往后计算 里面必须是n不能是其他的字母 n就表示选择所有孩子 */
		</style>
	</head>
	<body>
		<ul class="a">
			<li>我是第1个孩子</li>
			<li>我是第2个孩子</li>
			<li>我是第3个孩子</li>
			<li>我是第4个孩子</li>
			<li>我是第5个孩子</li>
			<li>我是第6个孩子</li>
			<li>我是第7个孩子</li>
			<li>我是第8个孩子</li>
		</ul>
		<h1>n里面可以的取值有：</h1>
		<ul>
			<li>2n 表示偶数</li>
			<li>2n+1 表示奇数</li>
			<li>5n 表示5、10、15...</li>
			<li>n+5 表示从第5个开始，包含第5个</li>
			<li>-n+5 表示前5个</li>
		</ul>
		<h1>注意里面的n都是从0开始</h1>
	</body>
</html>
